<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/header1_css.css" />
	</head>
	<body>
		<div id="box_main">
			<div id="box_top">
				<a id="homePage" class="actionHome"><img src="img/header_img/house.png" /> 一号店首页</a>
				<ul id="right_box">
					<li style="color: red;">Hi,请 <a id="activeLogin">登录</a></li>
					<li><a class="link_regs" id="actionRegis">注册</a></li>
					<li><a id="order">我的订单</a></li>
					<li id="service">
						<a >客户服务</a>
						<div id="hd_menu_list">
							<a>包裹追踪</a><br />
							<a>在线退换货</a>
						</div>
					</li>
					<li id="enterprise"><a>企业服务</a></li>
				</ul>
			</div>
			<div id="box_buttom">
				<a class="actionHome"><img id="log" src="img/header_img/log_img.jpg" /></a>
				<div id="serch">
					<input type="text" id="userInput" value=""/> <button id="serch_but"><img src="img/header_img/serch.png"/></button>
					<button id="shopping_cart"><img src="img/header_img/shopping.png" />购物车</button>
				</div>
				<p id="middle">
					<a>四件套</a>
					<a>格兰仕</a>
					<a>澳橙</a>
					<a>蜜柚</a>
					<a>袋子</a>
					<a>塑料箱</a>
					<a>小安素</a>
					<a>沐浴</a>
					<a>黑色酱油</a>
					<a>开福林</a>
				</p>
				<ul id="header_nav">
					<li><a id="active_page1">1号抢购</a></li>
					<li><a id="active_page2">1号团</a></li>
					<li><a>领券中心</a></li>
					<li><a>商城优选</a></li>
					<li><a>全球进口</a></li>
					<li><a>1号生鲜</a></li>
					<li><a>美妆馆</a></li>
					<li><a>家居馆</a></li>
					<li><a>电器城</a></li>
				</ul>
			</div>
		</div>
		<!--<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>-->
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script>
			$(function(){
				$('a').hover(
					function(){
						$(this).addClass('aCls');
					},
					function(){
						$(this).removeClass('aCls');
					}
				);
				$('#service').hover(
					function(){
						$(this).addClass('serviceCls');
						$('#hd_menu_list').show();
					},
					function(){
						$(this).removeClass('serviceCls');
						$('#hd_menu_list').hide();
					});
				$('.actionHome').click(function(){
					window.location('search.goods?likeword=');
				});
				$('#actionRegis').click(function(){
					window.location('regist2.jsp');
				});
				$('#shopping_cart').click(function(){
					window.location('in.cart');
				});
				$('#serch_but').click(function() {
					var likeword = $('#userInput').val();
					window.location="search.goods?likeword="+likeword;
				});
			});
			
		</script>
	</body>
</html>
